<style scoped>
  .layout-con {
    height: 100%;
    width: 100%;
  }

  .menu-item span {
    display: inline-block;
    overflow: hidden;
    width: 69px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
  }

  .menu-item i {
    transform: translateX(0px);
    transition: font-size .2s ease, transform .2s ease;
    vertical-align: middle;
    font-size: 16px;
  }

  .collapsed-menu span {
    width: 0px;
    transition: width .2s ease;
  }

  .collapsed-menu i {
    transform: translateX(5px);
    transition: font-size .2s ease .2s, transform .2s ease .2s;
    vertical-align: middle;
    font-size: 22px;
  }

  .title-top-center {
    text-align: center;

  }

  .title-top-right {
    float: right
  }

  .btn_tools {
    padding: 6px 10px 6px 10px;
    background: #eee;
    border-radius: 20px;
  }

  .ivu-cell-extra {
    color: #ed4014;
  }

  .ivu-modal{
    width: 200px !important;
  }
</style>

<template>
  <Row type="flex" justify="center" align="top" class="code-row-bg">
    <Col span="1" style="background:#3F88D5;height:100vh;" :class="isAdmin == 1?'':'staffLeft'" v-if="isAdmin == 1">
      <NavLeft :selected="2" :avatar="avatar"></NavLeft>
    </Col>
    <Col span="4" :class="isAdmin == 1?'':'staffLeft'" v-if="isAdmin == 1">
      <NavMiddle :itemList="itemList"></NavMiddle>
    </Col>
    <Col span="19" style="background:#f5f7f9;height:100vh;padding-bottom: 66px" :class="isAdmin == 1?'':'staffRight'">
      <Layout>
        <Content :style="{padding: '0 16px 16px'}">
          <Breadcrumb :style="{margin: '16px 0'}" id="mainTitle">
            <Row type="flex" justify="space-between">
              <Col span="8">
                <span class="back" style="font-size: 16px;color: rgb(70, 76, 91);line-height: 36px;cursor: pointer"
                      @click="$router.back(-1)"><Icon type="ios-arrow-back"/>返回</span>
              </Col>
              <Col span="6" class="title-top-center"
                   style="font-size: 16px; font-weight: bold; color: rgb(70, 76, 91);text-align:center;line-height: 36px;display: flex;flex-direction: row;justify-content: center">
                <div style="margin-left: 30px;margin-right: 30px;line-height: 40px">{{title}}</div>
                <div class="teams" v-if="unit_id == 1">
                  <Button :type="team == 1?'primary':null" @click="teamClick(1)">A组</Button>
                  <Button :type="team == 2?'primary':null" @click="teamClick(2)">B组</Button>
                </div>
              </Col>
              <Col id="menuCol" span="10"
                   style="text-align: right;display: flex;flex-direction: column;justify-content: center;padding-left: 20%;box-sizing: border-box">
                <!--<Dropdown>-->
                  <!--<a href="javascript:void(0)">-->
                    <!--<Icon id="menu" type="md-menu"/>-->
                  <!--</a>-->
                  <!--<DropdownMenu slot="list" style="">-->
                    <!--<DropdownItem>成本统计</DropdownItem>-->
                    <!--<DropdownItem>修改记录</DropdownItem>-->
                  <!--</DropdownMenu>-->
                <!--</Dropdown>-->
                <DatePicker size="large" type="date" placeholder="选择日期" :editable="false" :clearable="false"
                            :value="chooseDate" @on-change="dateChange"></DatePicker>
              </Col>
            </Row>
          </Breadcrumb>
          <!-- 指标板块 -->
          <Card class="quota">
            <div class="titleBackH2 gradualYellow">
              <span class="tb_top">{{title}}</span>
              <span class="tb_bottom">
                <span class="tbb_left">{{total}} 件</span>
                <!--<span class="tbb_right">目标  0</span>-->
              </span>
              <div class="redios">
                <RadioGroup v-model="siteChoose" type="button" size="small">
                  <Radio :label="item.site_id" v-for="item in siteList">{{item.name}}</Radio>
                </RadioGroup>
              </div>
              <div class="logo" v-if="unit_id == 1"><img src="../../../assets/img/points/hanfeng.png"/></div>
              <div class="logo" v-if="unit_id == 6 || unit_id == 8"><img src="../../../assets/img/points3/total.jpg"/></div>
              <!-- 分页 -->
              <div class="buttons" v-if="unit_id == 1">
                <Button :type="page == 1?'primary':null" @click="pageTurning(1)">第1页</Button>
                <Button :type="page == 2?'primary':null" @click="pageTurning(2)">第2页</Button>
                <Button :type="page == 3?'primary':null" @click="pageTurning(3)" v-if="team == 1">第3页</Button>
                <Button @click="modal1 = true">重置</Button>
                <Button type="primary" @click="modal2 = true">提交</Button>
                <Modal
                    v-model="modal1"
                    title="重置"
                    @on-ok="returnList"
                    @on-cancel="modal1 = false">
                  <p>警告：本次所有操作将被重置，是否确认重置操作？</p>
                </Modal>
                <Modal
                    v-model="modal2"
                    title="提交"
                    @on-ok="submitList"
                    @on-cancel="modal2 = false">
                  <p>是否确认提交，进入下一件？</p>
                </Modal>
              </div>
              <div class="buttons" v-if="unit_id == 6 || unit_id == 8">
                <Button :type="page == 1?'primary':null" @click="pageTurning(1)">第1页</Button>
                <Button :type="page == 2?'primary':null" @click="pageTurning(2)">第2页</Button>
                <Button :type="page == 3?'primary':null" @click="pageTurning(3)">第3页</Button>
                <Button @click="modal1 = true">重置</Button>
                <Button type="primary" @click="modal2 = true">提交</Button>
                <Modal
                    v-model="modal1"
                    title="重置"
                    @on-ok="returnList"
                    @on-cancel="modal1 = false">
                  <p>警告：本次所有操作将被重置，是否确认重置操作？</p>
                </Modal>
                <Modal
                    v-model="modal2"
                    title="提交"
                    @on-ok="submitList"
                    @on-cancel="modal2 = false">
                  <p>是否确认提交，进入下一件？</p>
                </Modal>
              </div>
            </div>
            <!-- 519 -->
            <div class="contenthf" v-if="unit_id == 1">
              <div class="point" v-for="(item,index) in showList" :key="index"
                   v-if="index < (page * size) && index >= (page - 1) * size">
                <div class="imgs">
                  <img src="../../../assets/img/points/a.png" v-show="item.id == 1"/>
                  <img src="../../../assets/img/points/b.png" v-show="item.id == 2"/>
                  <img src="../../../assets/img/points/c.png" v-show="item.id == 3"/>
                  <img src="../../../assets/img/points/d.png" v-show="item.id == 4"/>
                  <img src="../../../assets/img/points/e.png" v-show="item.id == 5"/>
                  <img src="../../../assets/img/points/f.png" v-show="item.id == 6"/>
                  <img src="../../../assets/img/points/g.png" v-show="item.id == 7"/>
                  <img src="../../../assets/img/points/h.png" v-show="item.id == 8"/>
                  <img src="../../../assets/img/points/i.png" v-show="item.id == 9"/>
                  <img src="../../../assets/img/points/j.png" v-show="item.id == 10"/>
                  <img src="../../../assets/img/points/k.png" v-show="item.id == 11"/>
                  <img src="../../../assets/img/points/l.png" v-show="item.id == 12"/>
                  <img src="../../../assets/img/points/m.png" v-show="item.id == 13"/>
                  <img src="../../../assets/img/points/n.png" v-show="item.id == 14"/>
                  <img src="../../../assets/img/points/o.png" v-show="item.id == 15"/>
                  <img src="../../../assets/img/points/p.png" v-show="item.id == 16"/>
                  <img src="../../../assets/img/points/q.png" v-show="item.id == 17"/>
                  <img src="../../../assets/img/points/r.png" v-show="item.id == 18"/>
                  <img src="../../../assets/img/points/s.png" v-show="item.id == 19"/>
                  <img src="../../../assets/img/points/t.png" v-show="item.id == 20"/>
                  <img src="../../../assets/img/points/u.png" v-show="item.id == 21"/>
                </div>
                <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                     :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)" v-if="item.id != 11 && item.id != 18">{{val.name}}
                </div>
                <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                     :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)" v-if="item.id == 11 && val.id == 1 && team == 1">{{val.name}}
                </div>
                <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                     :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)" v-if="item.id == 11 && val.id == 2 && team == 2">{{val.name}}
                </div>
                <label v-if="item.id == 18 && team == 1">
                  <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                       :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)" v-if="val.id == 1 ||  val.id == 2 || val.id == 3
                                                                                                        ||  val.id == 4 ||  val.id == 5 ||  val.id == 6 ||  val.id == 7 ||  val.id == 11">{{val.name}}
                  </div>
                </label>
                <label v-if="item.id == 18 && team == 2">
                  <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                       :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)" v-if="item.id == 18 && team == 2 && val.id == 8 || val.id == 9 || val.id == 10 ||  val.id == 12">{{val.name}}
                  </div>
                </label>
              </div>
            </div>
            <!-- 490 -->
            <div class="contenthf" v-if="unit_id == 6 || unit_id == 8">
              <div class="point" v-for="(item,index) in list.items" :key="index"
                   v-if="index < (page * size) && index >= (page - 1) * size">
                <div class="imgs">
                  <img src="../../../assets/img/points3/1.jpg" v-show="item.id == 1"/>
                  <img src="../../../assets/img/points3/2.jpg" v-show="item.id == 2"/>
                  <img src="../../../assets/img/points3/3.jpg" v-show="item.id == 3"/>
                  <img src="../../../assets/img/points3/4.jpg" v-show="item.id == 4"/>
                  <img src="../../../assets/img/points3/5.jpg" v-show="item.id == 5"/>
                  <img src="../../../assets/img/points3/6.jpg" v-show="item.id == 6"/>
                  <img src="../../../assets/img/points3/7.jpg" v-show="item.id == 7"/>
                  <img src="../../../assets/img/points3/8.jpg" v-show="item.id == 8"/>
                  <img src="../../../assets/img/points3/9.jpg" v-show="item.id == 9"/>
                  <img src="../../../assets/img/points3/10.jpg" v-show="item.id == 10"/>
                  <img src="../../../assets/img/points3/11.jpg" v-show="item.id == 11"/>
                  <img src="../../../assets/img/points3/12.jpg" v-show="item.id == 12"/>
                  <img src="../../../assets/img/points3/13.jpg" v-show="item.id == 13"/>
                  <img src="../../../assets/img/points3/14.jpg" v-show="item.id == 14"/>
                  <img src="../../../assets/img/points3/15.jpg" v-show="item.id == 15"/>
                </div>
                <div :class="val.isClick == 0?'label':'label isClick'" v-for="(val,ind) in item.pointList"
                     :style="{top:val.y + '%',left:val.x + '%'}" @click="labelClick(ind,index)">{{val.name}}
                </div>
              </div>
            </div>
          </Card>
          <Modal
              v-model="showReason"
              title="请选择原因"
              @on-ok="reasonOk"
              @on-cancel="reasonCancel" vertical id="reasonModal">
            <RadioGroup v-model="reasonChoose" vertical>
              <Radio :label="item.id" v-for="item in reasonList"><span>{{item.name}}</span></Radio>
            </RadioGroup>
          </Modal>
          <entry v-if="entryShow" :entryData="entryData" @saveEntry="saveEntry"></entry>
        </Content>
      </Layout>
    </Col>
  </Row>
</template>

<script>
  import cookie from 'js-cookie';
  import entry from '../../assembly/entryForYichang'
  import NavLeft from '@/components/NavLeft';
  import NavMiddle from '@/components/NavMiddle';

  export default {
    name: "costRecord",
    data() {
      return {
        isCollapsed: false,
        itemList: [],
        itemInfo: [],
        tjList: [],
        unit_id: "",
        chooseQS: 0,
        valueList: [],
        entryShow: false,
        entryData: {},
        title: '',
        avatar: '',
        isAdmin: cookie.get('isAdmin'),
        team: 1,
        page: 1,
        size: 6,
        total: 0,
        list: {},
        reasonList: [{
          id: 1,
          name: '焊穿'
        },{
          id: 2,
          name: '焊偏'
        },{
          id: 3,
          name: '焊烂'
        },{
          id: 4,
          name: '其他'
        }],
        reasonChoose: '',
        siteList: [],
        siteChoose: '',
        showList: [],
        modal1: false,
        modal2: false,
        showReason: false,
        chooseInd: null,
        chooseIndex: null,
        chooseDate: cookie.get('chooseDate'),
      };
    },
    components: {NavLeft: NavLeft, NavMiddle: NavMiddle, entry: entry},
    methods: {
      getData() {
        var uid = cookie.get('uid');
        var token = cookie.get('token');
        if (!uid || !token) {
          //this.$Message.warning('请登录');
          //store.dispatch('setLoginStatus', 0)
          //window.location.reload()
        }
        this.$Loading.start();
        var str = {type: 'login', loginType: cookie.get('loginType')};
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/item/home', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          // console.log(res,1234)
          if (res.status == -1 && res.data.backurl) {
            this.$Modal.warning({
              title: '提示',
              content: '请在企业微信授权登录后使用',
              onOk: () => {
                if (this.$twjsdes.isWechat() === true) {
                  window.location.href = res.data.backurl_oauth2
                } else {
                  window.location.href = res.data.backurl
                }
              }
            });

          } else if (res.status != 1) {
            this.$Message.error(res.msg);
          } else {
            this.itemList = res.data.list;
            this.itemInfo = res.data;
            this.avatar = res.data.avatar;
          }
          // console.log(res.data.brands);
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      getInfo() {
        let self = this
        this.$Loading.start();
        var str = {
          uid: cookie.get('uid'),
          type: 2,
          unit_id: self.$route.query.id,
          ymd: self.chooseDate,
          loginType: cookie.get('loginType')
        };
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/item/inspectnum', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          // console.log(res,123)
          self.siteList = res.data.device_list
          if (self.siteList.length == 1) {
            self.siteChoose = self.siteList[0].site_id
          }
          self.total = res.data.num
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      labelClick(ind, index) {
        let self = this
        if (self.unit_id == 1) {
          if (self.showList[index].pointList[ind].isClick == 0) {
            self.showReason = true
            self.chooseInd = ind
            self.chooseIndex = index
          } else {
            self.showList[index].pointList[ind].isClick = 0
            delete self.showList[index].pointList[ind].reason
          }
        } else if (self.unit_id == 6 || self.unit_id == 8) {
          if (self.list.items[index].pointList[ind].isClick == 0) {
            self.showReason = true
            self.chooseInd = ind
            self.chooseIndex = index
          } else {
            self.list.items[index].pointList[ind].isClick = 0
            delete self.list.items[index].pointList[ind].reason
          }
        }
      },
      pageTurning(index) {
        let self = this
        self.page = index
        // if (index == 0) {
        //   if (self.page > 1) {
        //     self.page = self.page - 1
        //   }
        // } else {
        //   if (self.team == 1) {
        //     if (self.page < 3) {
        //       self.page = self.page + 1
        //     }
        //   } else if (self.team == 2) {
        //     if (self.page < 2) {
        //       self.page = self.page + 1
        //     }
        //   }
        // }
      },
      returnList() {
        let self = this
        for (let i = 0; i < self.list.items.length; i++) {
          for (let x = 0; x < self.list.items[i].pointList.length; x++) {
            self.list.items[i].pointList[x].isClick = 0
          }
        }
      },
      submitList() {
        let self = this
        for (let x = 0; x < self.showList.length; x++) {
          for (let i = 0; i < self.list.items.length; i++) {
              if (self.showList[x].id == self.list.items[i].id) {
                self.list.items[i] = self.showList[x]
                break
              }
          }
        }
        this.$Loading.start();
        var str = {
          uid: cookie.get('uid'),
          type: 2,
          unit_id: self.$route.query.id,
          list: self.list,
          site_id: self.siteChoose,
          ymd: self.chooseDate,
          loginType: cookie.get('loginType')
        };
        // console.log(str)
        if (self.siteChoose == '') {
          this.$Message.error('未选择设备');
          this.$Loading.finish();
          return
        }
        var strdata = this.$twjsdes.enstr(str);
        // this.$http.post(this.$API_URL + '/item/inspectadd', {alldata: strdata.alldata}).then((response) => {
        this.$http.post(this.$API_URL + '/item/inspectaddtwo', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          console.log(res)
          self.returnList()
          self.getInfo()
          self.publicInfo()
          self.page = 1
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      publicInfo() {
        let self = this
        this.$Loading.start();
        var str = {
          uid: cookie.get('uid'),
          unit_id: self.$route.query.id,
          ymd: self.chooseDate,
          loginType: cookie.get('loginType')
        };
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/info/reporttj', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          console.log(res)
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      teamShowList(team) {
        let self = this
        self.showList = []
        for (let i = 0; i < self.list.items.length; i++) {
          if (self.list.items[i].team == team || self.list.items[i].team == 99) {
            self.showList.push(self.list.items[i])
          }
        }
      },
      dateChange(val) {
        let self = this
        self.chooseDate = val
        cookie.set('chooseDate',val)
        self.getInfo()
      },
      teamClick(index) {
        let self = this
        self.team = index
        self.page = 1
        self.teamShowList(self.team)
      },
      reasonOk() {
        let self = this
        if (self.unit_id == 1) {
          let ind = self.chooseInd
          let index = self.chooseIndex
          if (self.reasonChoose != '') {
            self.showList[index].pointList[ind].isClick = 1
            self.showList[index].pointList[ind].reason = self.reasonChoose
            self.reasonChoose = ''
            self.showReason = false
          } else {
            this.$Message.error('未选择原因');
            self.showReason = true
          }
        } else if (self.unit_id == 6 || self.unit_id == 8) {
          let ind = self.chooseInd
          let index = self.chooseIndex
          if (self.reasonChoose != '') {
            self.list.items[index].pointList[ind].isClick = 1
            self.list.items[index].pointList[ind].reason = self.reasonChoose
            self.reasonChoose = ''
            self.showReason = false
          } else {
            this.$Message.error('未选择原因');
            self.showReason = true
          }
        }
      },
      reasonCancel() {
        let self = this
        self.showReason = false
      },
      getImg() {
        let self = this
        if (self.unit_id == 1) {
          self.list = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: 'A放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '1.1',
                isClick: 0,
                x: 18,
                y: 11,
              }, {
                id: 2,
                name: '1.2',
                isClick: 0,
                x: 19,
                y: 56,
              }, {
                id: 3,
                name: '1.3',
                isClick: 0,
                x: 18,
                y: 74,
              }, {
                id: 4,
                name: '1.7',
                isClick: 0,
                x: 18,
                y: 89,
              }, {
                id: 5,
                name: '4.2',
                isClick: 0,
                x: 76,
                y: 13,
              }, {
                id: 6,
                name: '3.1',
                isClick: 0,
                x: 76,
                y: 73,
              }]
            }, {
              id: 2,
              name: 'B放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '5.3',
                isClick: 0,
                x: 71,
                y: 59,
              }, {
                id: 2,
                name: '5.4',
                isClick: 0,
                x: 71,
                y: 34,
              }, {
                id: 3,
                name: '5.5',
                isClick: 0,
                x: 19,
                y: 60,
              }]
            }, {
              id: 3,
              name: 'C放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '7.1',
                isClick: 0,
                x: 23,
                y: 76,
              }, {
                id: 2,
                name: '7.2',
                isClick: 0,
                x: 66,
                y: 77,
              }, {
                id: 3,
                name: '7.3',
                isClick: 0,
                x: 23,
                y: 50,
              }, {
                id: 4,
                name: '7.4',
                isClick: 0,
                x: 66,
                y: 52,
              }, {
                id: 5,
                name: '7.5',
                isClick: 0,
                x: 67,
                y: 21,
              }, {
                id: 6,
                name: '7.6',
                isClick: 0,
                x: 22,
                y: 21,
              }]
            }, {
              id: 4,
              name: 'D放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '8.1',
                isClick: 0,
                x: 25,
                y: 75,
              }, {
                id: 2,
                name: '8.2',
                isClick: 0,
                x: 66,
                y: 76,
              }, {
                id: 3,
                name: '8.3',
                isClick: 0,
                x: 25,
                y: 54,
              }, {
                id: 4,
                name: '8.4',
                isClick: 0,
                x: 67,
                y: 54,
              }, {
                id: 5,
                name: '8.5',
                isClick: 0,
                x: 25,
                y: 28,
              }, {
                id: 6,
                name: '8.6',
                isClick: 0,
                x: 66,
                y: 29,
              }]
            }, {
              id: 5,
              name: 'E放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '10.1',
                isClick: 0,
                x: 55,
                y: 25,
              }, {
                id: 2,
                name: '10.2',
                isClick: 0,
                x: 32,
                y: 25,
              }]
            }, {
              id: 6,
              name: 'F放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '10.3',
                isClick: 0,
                x: 33,
                y: 35,
              }, {
                id: 2,
                name: '10.4',
                isClick: 0,
                x: 56,
                y: 34,
              }]
            }, {
              id: 7,
              name: 'G放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '88.3',
                isClick: 0,
                x: 22,
                y: 44,
              }, {
                id: 2,
                name: '88.4',
                isClick: 0,
                x: 65,
                y: 44,
              }]
            }, {
              id: 8,
              name: 'H放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '11.3',
                isClick: 0,
                x: 28,
                y: 60,
              }, {
                id: 2,
                name: '11.4',
                isClick: 0,
                x: 28,
                y: 31,
              }, {
                id: 3,
                name: '15.1',
                isClick: 0,
                x: 62,
                y: 31,
              }, {
                id: 4,
                name: '15.2',
                isClick: 0,
                x: 62,
                y: 59,
              }]
            }, {
              id: 9,
              name: 'I放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '12.1',
                isClick: 0,
                x: 30,
                y: 21,
              }, {
                id: 2,
                name: '12.2',
                isClick: 0,
                x: 43,
                y: 21,
              }, {
                id: 3,
                name: '12.3',
                isClick: 0,
                x: 56,
                y: 21,
              }, {
                id: 4,
                name: '12.7',
                isClick: 0,
                x: 77,
                y: 27,
              }, {
                id: 5,
                name: '12.8',
                isClick: 0,
                x: 77,
                y: 41,
              }, {
                id: 6,
                name: '14.1',
                isClick: 0,
                x: 17,
                y: 27,
              }, {
                id: 7,
                name: '14.2',
                isClick: 0,
                x: 75,
                y: 57,
              }, {
                id: 8,
                name: '14.3',
                isClick: 0,
                x: 75,
                y: 66,
              }, {
                id: 9,
                name: '15.4',
                isClick: 0,
                x: 17,
                y: 48,
              }, {
                id: 10,
                name: '15.6',
                isClick: 0,
                x: 16,
                y: 63,
              }, {
                id: 11,
                name: '15.7',
                isClick: 0,
                x: 17,
                y: 73,
              }, {
                id: 12,
                name: '15.9',
                isClick: 0,
                x: 17,
                y: 38,
              }, {
                id: 13,
                name: '15.11',
                isClick: 0,
                x: 16,
                y: 86,
              }, {
                id: 14,
                name: '16.1',
                isClick: 0,
                x: 60,
                y: 82,
              }, {
                id: 15,
                name: '16.2',
                isClick: 0,
                x: 46,
                y: 70,
              }]
            }, {
              id: 10,
              name: 'J放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '21.1',
                isClick: 0,
                x: 66,
                y: 28,
              }, {
                id: 2,
                name: '21.2',
                isClick: 0,
                x: 25,
                y: 28,
              }, {
                id: 3,
                name: '21.3',
                isClick: 0,
                x: 22,
                y: 82,
              }, {
                id: 4,
                name: '21.4',
                isClick: 0,
                x: 67,
                y: 77,
              }, {
                id: 5,
                name: '29.1',
                isClick: 0,
                x: 6,
                y: 47,
              }, {
                id: 6,
                name: '29.2',
                isClick: 0,
                x: 83,
                y: 47,
              }]
            }, {
              id: 11,
              name: 'K放大',
              team: 99,
              pointList: [{
                id: 1,
                name: '20.1',
                isClick: 0,
                x: 13,
                y: 36,
              }, {
                id: 2,
                name: '20.2',
                isClick: 0,
                x: 74,
                y: 37,
              }]
            }, {
              id: 12,
              name: 'L放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '17.1',
                isClick: 0,
                x: 13,
                y: 87,
              }, {
                id: 2,
                name: '17.2',
                isClick: 0,
                x: 13,
                y: 77,
              }, {
                id: 3,
                name: '18.1',
                isClick: 0,
                x: 12,
                y: 48,
              }, {
                id: 4,
                name: '18.2',
                isClick: 0,
                x: 13,
                y: 63,
              }, {
                id: 5,
                name: '18.5',
                isClick: 0,
                x: 77,
                y: 24,
              }, {
                id: 6,
                name: '22.1',
                isClick: 0,
                x: 8,
                y: 28,
              }, {
                id: 7,
                name: '22.2',
                isClick: 0,
                x: 8,
                y: 15,
              }]
            }, {
              id: 13,
              name: 'M放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '22.3',
                isClick: 0,
                x: 36,
                y: 76,
              }, {
                id: 2,
                name: '22.4',
                isClick: 0,
                x: 67,
                y: 76,
              }, {
                id: 3,
                name: '23.1',
                isClick: 0,
                x: 8,
                y: 31,
              }, {
                id: 4,
                name: '23.2',
                isClick: 0,
                x: 8,
                y: 64,
              }, {
                id: 5,
                name: '24.1',
                isClick: 0,
                x: 67,
                y: 48,
              }, {
                id: 6,
                name: '24.3',
                isClick: 0,
                x: 67,
                y: 61,
              }, {
                id: 7,
                name: '24.5',
                isClick: 0,
                x: 67,
                y: 22,
              }]
            }, {
              id: 14,
              name: 'N放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '22.5',
                isClick: 0,
                x: 19,
                y: 76,
              }, {
                id: 2,
                name: '22.6',
                isClick: 0,
                x: 19,
                y: 87,
              }, {
                id: 3,
                name: '23.3',
                isClick: 0,
                x: 78,
                y: 69,
              }, {
                id: 4,
                name: '23.4',
                isClick: 0,
                x: 78,
                y: 51,
              }, {
                id: 5,
                name: '24.2',
                isClick: 0,
                x: 19,
                y: 42,
              }, {
                id: 6,
                name: '24.4',
                isClick: 0,
                x: 19,
                y: 65,
              }, {
                id: 7,
                name: '24.6',
                isClick: 0,
                x: 19,
                y: 25,
              }]
            }, {
              id: 15,
              name: 'O放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '26.2',
                isClick: 0,
                x: 17,
                y: 18,
              }, {
                id: 2,
                name: '26.3',
                isClick: 0,
                x: 17,
                y: 37,
              }, {
                id: 3,
                name: '28.1',
                isClick: 0,
                x: 78,
                y: 23,
              }, {
                id: 4,
                name: '28.2',
                isClick: 0,
                x: 77,
                y: 47,
              }, {
                id: 5,
                name: '28.3',
                isClick: 0,
                x: 78,
                y: 62,
              }, {
                id: 6,
                name: '28.7',
                isClick: 0,
                x: 78,
                y: 79,
              }]
            }, {
              id: 16,
              name: 'P放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '26.1',
                isClick: 0,
                x: 58,
                y: 14,
              },{
                id: 3,
                name: '26.4',
                isClick: 0,
                x: 25,
                y: 83,
              }, {
                id: 4,
                name: '27.1',
                isClick: 0,
                x: 24,
                y: 47,
              }, {
                id: 5,
                name: '27.2',
                isClick: 0,
                x: 5,
                y: 56,
              }, {
                id: 6,
                name: '27.3',
                isClick: 0,
                x: 24,
                y: 28,
              }, {
                id: 7,
                name: '28.4',
                isClick: 0,
                x: 24,
                y: 15,
              }, {
                id: 8,
                name: '28.5',
                isClick: 0,
                x: 5,
                y: 37,
              }, {
                id: 9,
                name: '28.6',
                isClick: 0,
                x: 24,
                y: 65,
              }]
            }, {
              id: 17,
              name: 'Q放大',
              team: 2,
              pointList: [{
                id: 1,
                name: '25.1',
                isClick: 0,
                x: 21,
                y: 72,
              }, {
                id: 2,
                name: '25.2',
                isClick: 0,
                x: 20,
                y: 40,
              }]
            }, {
              id: 18,
              name: 'R放大',
              team: 99,
              pointList: [{
                id: 1,
                name: '12.4',
                isClick: 0,
                x: 51,
                y: 16,
              }, {
                id: 2,
                name: '12.5',
                isClick: 0,
                x: 66,
                y: 16,
              }, {
                id: 3,
                name: '12.6',
                isClick: 0,
                x: 79,
                y: 16,
              }, {
                id: 4,
                name: '15.3',
                isClick: 0,
                x: 80,
                y: 41,
              }, {
                id: 5,
                name: '15.5',
                isClick: 0,
                x: 80,
                y: 53,
              }, {
                id: 6,
                name: '15.8',
                isClick: 0,
                x: 79,
                y: 66,
              }, {
                id: 7,
                name: '15.10',
                isClick: 0,
                x: 79,
                y: 84,
              }, {
                id: 8,
                name: '18.3',
                isClick: 0,
                x: 2,
                y: 31,
              }, {
                id: 9,
                name: '18.4',
                isClick: 0,
                x: 2,
                y: 47,
              }, {
                id: 10,
                name: '18.6',
                isClick: 0,
                x: 2,
                y: 60,
              },{
                id: 11,
                name: '19.1',
                isClick: 0,
                x: 53,
                y: 48,
              },{
                id: 12,
                name: '19.2',
                isClick: 0,
                x: 36,
                y: 48,
              }]
            }, {
              id: 19,
              name: 'S放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '6.1',
                isClick: 0,
                x: 78,
                y: 2,
              }, {
                id: 2,
                name: '6.2',
                isClick: 0,
                x: 41,
                y: 2,
              }, {
                id: 3,
                name: '6.3',
                isClick: 0,
                x: 51,
                y: 14,
              }, {
                id: 4,
                name: '6.4',
                isClick: 0,
                x: 66,
                y: 14,
              }, {
                id: 5,
                name: '9.1',
                isClick: 0,
                x: 65,
                y: 52,
              }, {
                id: 6,
                name: '9.2',
                isClick: 0,
                x: 18,
                y: 87,
              }, {
                id: 7,
                name: '9.3',
                isClick: 0,
                x: 48,
                y: 89,
              }, {
                id: 8,
                name: '9.4',
                isClick: 0,
                x: 33,
                y: 89,
              }, {
                id: 9,
                name: '9.5',
                isClick: 0,
                x: 79,
                y: 87,
              }, {
                id: 10,
                name: '9.6',
                isClick: 0,
                x: 61,
                y: 87,
              }, {
                id: 11,
                name: '9.7',
                isClick: 0,
                x: 82,
                y: 57,
              }, {
                id: 12,
                name: '9.8',
                isClick: 0,
                x: 77,
                y: 43,
              }, {
                id: 13,
                name: '11.1',
                isClick: 0,
                x: 28,
                y: 14,
              }, {
                id: 14,
                name: '11.2',
                isClick: 0,
                x: 2,
                y: 44,
              }, {
                id: 15,
                name: '13.1',
                isClick: 0,
                x: 9,
                y: 14,
              }, {
                id: 16,
                name: '13.2',
                isClick: 0,
                x: 2,
                y: 30,
              }, {
                id: 17,
                name: '88.1',
                isClick: 0,
                x: 4,
                y: 73,
              }, {
                id: 18,
                name: '88.2',
                isClick: 0,
                x: 2,
                y: 60,
              }]
            }, {
              id: 20,
              name: 'T放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '1.4',
                isClick: 0,
                x: 49,
                y: 65,
              }, {
                id: 2,
                name: '1.5',
                isClick: 0,
                x: 49,
                y: 80,
              }, {
                id: 3,
                name: '1.6',
                isClick: 0,
                x: 50,
                y: 16,
              }, {
                id: 4,
                name: '2.1',
                isClick: 0,
                x: 75,
                y: 20,
              }, {
                id: 5,
                name: '2.2',
                isClick: 0,
                x: 75,
                y: 53,
              }, {
                id: 6,
                name: '2.3',
                isClick: 0,
                x: 76,
                y: 81,
              }, {
                id: 7,
                name: '2.4',
                isClick: 0,
                x: 12,
                y: 57,
              }, {
                id: 8,
                name: '4.1',
                isClick: 0,
                x: 12,
                y: 20,
              }, {
                id: 9,
                name: '4.3',
                isClick: 0,
                x: 12,
                y: 38,
              }]
            }, {
              id: 21,
              name: 'U放大',
              team: 1,
              pointList: [{
                id: 1,
                name: '5.1',
                isClick: 0,
                x: 24,
                y: 87,
              }, {
                id: 2,
                name: '5.2',
                isClick: 0,
                x: 63,
                y: 89,
              }]
            }],
          }
        } else if (self.unit_id == 6 || self.unit_id == 8) {
          self.list = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: '1',
              team: 1,
              pointList: [{
                id: 1,
                name: '25CC',
                isClick: 0,
                x: 69,
                y: 52,
              }, {
                id: 2,
                name: '23CC',
                isClick: 0,
                x: 12,
                y: 67,
              }, {
                id: 3,
                name: '71U',
                isClick: 0,
                x: 68,
                y: 24,
              }, {
                id: 4,
                name: '69U',
                isClick: 0,
                x: 15,
                y: 21,
              }, {
                id: 5,
                name: '73S',
                isClick: 0,
                x: 14,
                y: 39,
              }]
            }, {
              id: 2,
              name: '2',
              team: 1,
              pointList: [{
                id: 1,
                name: '67S',
                isClick: 0,
                x: 19,
                y: 66,
              }, {
                id: 2,
                name: '65S',
                isClick: 0,
                x: 67,
                y: 59,
              }]
            }, {
              id: 3,
              name: '3',
              team: 1,
              pointList: [{
                id: 1,
                name: '55S',
                isClick: 0,
                x: 21,
                y: 12,
              }, {
                id: 2,
                name: '53S',
                isClick: 0,
                x: 41,
                y: 12,
              }, {
                id: 3,
                name: '47S',
                isClick: 0,
                x: 61,
                y: 12,
              }, {
                id: 4,
                name: '61S',
                isClick: 0,
                x: 84,
                y: 26,
              }, {
                id: 5,
                name: '63S',
                isClick: 0,
                x: 86,
                y: 45,
              }, {
                id: 6,
                name: '49S',
                isClick: 0,
                x: 86,
                y: 77,
              }, {
                id: 7,
                name: '57S',
                isClick: 0,
                x: 47,
                y: 84,
              }, {
                id: 8,
                name: '59S',
                isClick: 0,
                x: 23,
                y: 84,
              }, {
                id: 9,
                name: '51S',
                isClick: 0,
                x: 2,
                y: 45,
              }]
            },{
              id: 4,
              name: '4',
              team: 1,
              pointList: [{
                id: 1,
                name: '24CC',
                isClick: 0,
                x: 67,
                y: 62,
              }, {
                id: 2,
                name: '26CC',
                isClick: 0,
                x: 21,
                y: 75,
              }, {
                id: 3,
                name: '70U',
                isClick: 0,
                x: 67,
                y: 26,
              }, {
                id: 4,
                name: '72U',
                isClick: 0,
                x: 23,
                y: 27,
              }, {
                id: 5,
                name: '74S',
                isClick: 0,
                x: 23,
                y: 45,
              }]
            }, {
              id: 5,
              name: '5',
              team: 1,
              pointList: [{
                id: 1,
                name: '66S',
                isClick: 0,
                x: 25,
                y: 48,
              }, {
                id: 2,
                name: '68S',
                isClick: 0,
                x: 67,
                y: 47,
              }]
            }, {
              id: 6,
              name: '6',
              team: 1,
              pointList: [{
                id: 1,
                name: '1S',
                isClick: 0,
                x: 60,
                y: 10,
              }, {
                id: 2,
                name: '7S',
                isClick: 0,
                x: 78,
                y: 10,
              }, {
                id: 3,
                name: '4S',
                isClick: 0,
                x: 31,
                y: 18,
              }, {
                id: 4,
                name: '5K',
                isClick: 0,
                x: 24,
                y: 30,
              }, {
                id: 5,
                name: '3S',
                isClick: 0,
                x: 14,
                y: 46,
              }, {
                id: 6,
                name: '11S',
                isClick: 0,
                x: 12,
                y: 65,
              }]
            }, {
              id: 7,
              name: '7',
              team: 1,
              pointList: [{
                id: 1,
                name: '9S',
                isClick: 0,
                x: 36,
                y: 1,
              }, {
                id: 2,
                name: '13CC',
                isClick: 0,
                x: 61,
                y: 5,
              },{
                id: 3,
                name: '15S',
                isClick: 0,
                x: 19,
                y: 74,
              }, {
                id: 4,
                name: '17CC',
                isClick: 0,
                x: 60,
                y: 90,
              }]
            }, {
              id: 8,
              name: '8',
              team: 1,
              pointList: [{
                id: 1,
                name: '48S',
                isClick: 0,
                x: 26,
                y: 11,
              }, {
                id: 2,
                name: '54S',
                isClick: 0,
                x: 46,
                y: 11,
              }, {
                id: 3,
                name: '56S',
                isClick: 0,
                x: 68,
                y: 11,
              }, {
                id: 4,
                name: '52S',
                isClick: 0,
                x: 87,
                y: 31,
              },{
                id: 5,
                name: '60S',
                isClick: 0,
                x: 69,
                y: 77,
              }, {
                id: 6,
                name: '58S',
                isClick: 0,
                x: 46,
                y: 77,
              }, {
                id: 7,
                name: '50S',
                isClick: 0,
                x: 8,
                y: 79,
              }, {
                id: 8,
                name: '64S',
                isClick: 0,
                x: 5,
                y: 49,
              }, {
                id: 9,
                name: '62S',
                isClick: 0,
                x: 8,
                y: 30,
              }]
            }, {
              id: 9,
              name: '9',
              team: 1,
              pointList: [{
                id: 1,
                name: '8S',
                isClick: 0,
                x: 21,
                y: 3,
              }, {
                id: 2,
                name: '2S',
                isClick: 0,
                x: 39,
                y: 3,
              }, {
                id: 3,
                name: '46S',
                isClick: 0,
                x: 65,
                y: 9,
              }, {
                id: 4,
                name: '6K',
                isClick: 0,
                x: 71,
                y: 27,
              }, {
                id: 5,
                name: '4S',
                isClick: 0,
                x: 32,
                y: 60,
              }, {
                id: 6,
                name: '12S',
                isClick: 0,
                x: 29,
                y: 88,
              }]
            }, {
              id: 10,
              name: '10',
              team: 2,
              pointList: [{
                id: 1,
                name: '18CC',
                isClick: 0,
                x: 16,
                y: 7,
              }, {
                id: 2,
                name: '14CC',
                isClick: 0,
                x: 41,
                y: 7,
              }, {
                id: 3,
                name: '10S',
                isClick: 0,
                x: 66,
                y: 7,
              }, {
                id: 4,
                name: '16S',
                isClick: 0,
                x: 27,
                y: 84,
              }]
            }, {
              id: 11,
              name: '1',
              team: 99,
              pointList: [{
                id: 1,
                name: '37U',
                isClick: 0,
                x: 16,
                y: 14,
              }, {
                id: 2,
                name: '39S',
                isClick: 0,
                x: 14,
                y: 30,
              },{
                id: 3,
                name: '41S',
                isClick: 0,
                x: 19,
                y: 54,
              }, {
                id: 4,
                name: '43S',
                isClick: 0,
                x: 18,
                y: 69,
              },{
                id: 5,
                name: '19S',
                isClick: 0,
                x: 26,
                y: 85,
              }, {
                id: 6,
                name: '31S',
                isClick: 0,
                x: 76,
                y: 56,
              },{
                id: 7,
                name: '21S',
                isClick: 0,
                x: 73,
                y: 83,
              }]
            }, {
              id: 12,
              name: '12',
              team: 2,
              pointList: [{
                id: 1,
                name: '29CC',
                isClick: 0,
                x: 27,
                y: 15,
              }, {
                id: 2,
                name: '33S',
                isClick: 0,
                x: 23,
                y: 41,
              }, {
                id: 3,
                name: '35S',
                isClick: 0,
                x: 22,
                y: 62,
              }]
            }, {
              id: 13,
              name: '13',
              team: 2,
              pointList: [{
                id: 1,
                name: '27S',
                isClick: 0,
                x: 26,
                y: 22,
              }, {
                id: 2,
                name: '28S',
                isClick: 0,
                x: 65,
                y: 22,
              }]
            }, {
              id: 14,
              name: '14',
              team: 2,
              pointList: [{
                id: 1,
                name: '30CC',
                isClick: 0,
                x: 42,
                y: 2,
              }, {
                id: 2,
                name: '34S',
                isClick: 0,
                x: 67,
                y: 3,
              }, {
                id: 3,
                name: '36S',
                isClick: 0,
                x: 76,
                y: 64,
              }]
            }, {
              id: 15,
              name: '15',
              team: 2,
              pointList: [{
                id: 1,
                name: '32S',
                isClick: 0,
                x: 17,
                y: 39,
              }, {
                id: 2,
                name: '44S',
                isClick: 0,
                x: 21,
                y: 67,
              }, {
                id: 3,
                name: '22S',
                isClick: 0,
                x: 22,
                y: 86,
              }, {
                id: 4,
                name: '38U',
                isClick: 0,
                x: 79,
                y: 16,
              }, {
                id: 5,
                name: '40S',
                isClick: 0,
                x: 79,
                y: 36,
              }, {
                id: 6,
                name: '42S',
                isClick: 0,
                x: 79,
                y: 56,
              }, {
                id: 7,
                name: '20S',
                isClick: 0,
                x: 71,
                y: 74,
              }]
            }],
          }
        }
      },
    },
    computed: {
      menuitemClasses: function () {
        return [
          'menu-item',
          this.isCollapsed ? 'collapsed-menu' : ''
        ]
      }
    },
    created() {
      window.document.title = 'SCS详情';
      this.title = this.$route.query.title
      this.unit_id = this.$route.query.id
      this.getData();
      this.getInfo();
    },
    mounted() {
      this.getImg()
      this.teamShowList(this.team)
    }
  }
</script>

<style lang="less">
  #reasonModal{
    .ivu-modal{
      width: 200px !important;
    }
  }
  .teams{
    width: 10%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    z-index: 8;
    button{
      margin-top: auto;
      margin-bottom: auto;
    }
    button:first-child{
      margin-right: 10px;
    }
  }
  #menuCol {
    #menu {
      font-size: 20px;
      background: #3384dd;
      color: #fff;
      padding: 4px 6px;
      border-radius: 50px;
      cursor: pointer;
    }
    .ivu-select-dropdown {
      background: #515151;
      color: #fff;
      opacity: .8;
      .ivu-dropdown-item {
        background: #515151;
        color: #fff;
        opacity: 1;
        text-align: center;
      }
    }
  }
  .quota {
    display: flex;
    flex-direction: column;
    padding: 0;
    .ivu-card-body {
      padding: 0;
      .titleBackH2 {
        width: 100%;
        height: 104px;
        text-align: left;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        font-size: 17px;
        padding-left: 21px;
        display: flex;
        flex-direction: column;
        position: relative;
        .tb_top {
          font-size: 16px;
          margin-top: 20px;
          margin-bottom: 17px;
        }
        .tb_bottom {
          display: flex;
          flex-direction: row;
          .tbb_left {
            font-size: 26px;
            margin-right: 70px;
            line-height: 26px;
          }
          .tbb_right {
            font-size: 14px;
            line-height: 26px;
          }
        }
        .redios{
          position: absolute;
          right: 67%;
          top: 25%;
          width: 130px;
          label{
            border-radius: 3px;
          }
          .ivu-radio-wrapper-checked{
            color: #fff;
            background: #2d8cf0;
          }
          label:nth-child(1){
            border-radius: 3px;
          }
          label:nth-child(2){
            margin-left: 3px;
          }
          label:nth-child(3){
            margin-top: 3px;
          }
          label:nth-child(4){
            margin-top: 3px;
            margin-left: 3px;
          }
        }
        .logo {
          width: 33.33%;
          height: 100%;
          position: absolute;
          right: 33.33%;
          top: 0;
          border-bottom: 1px solid #e5e5e5;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .buttons {
          width: 33.33%;
          height: 100%;
          position: absolute;
          right: 0;
          display: flex;
          flex-direction: row;
          justify-content: center;
          flex-wrap: wrap;
          box-sizing: border-box;
          border-bottom: 1px solid #e5e5e5;
          border-left: 1px solid #e5e5e5;
          background: #fff;
          padding: 10px 30px;
          box-sizing: border-box;
          .pageTurning {
            font-weight: normal;
            cursor: pointer;
            color: #3f8fe0
          }
          .pageTurningCant {
            font-weight: normal;
            color: #878b91;
            cursor: not-allowed;
          }
          button {
            width: 70px;
            height: 30px;
            margin-top: auto;
            margin-bottom: auto;
            margin-right: 10px;
          }
          button:last-child{
            margin-right: 0;
          }
        }
      }
      .contenthf {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: #f9f9f9;
        height: 700px;
        .point {
          width: 33.33%;
          height: 350px;
          border-right: 1px solid #e5e5e5;
          border-bottom: 1px solid #e5e5e5;
          background: #fff;
          position: relative;
          .imgs {
            width: 100%;
            height: 100%;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .label {
            position: absolute;
            left: 0;
            top: 0;
            padding: 1px 5px;
            border: 1px solid #3384dd;
            border-radius: 3px;
            cursor: pointer;
            font-size: 14px;
            color: #3384dd;
            background: #fff;
          }
          .isClick {
            color: #fff;
            background: #ff0000;
            border-color: #ff0000;
          }
        }
      }
    }
  }
  .cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .cdLeft {
      display: flex;
      flex-direction: column;
      .cl_top {
        font-size: 16px;
        color: #222222;
      }
      .cl_down {
        font-size: 16px;
        color: #666666;
        margin-top: 10px;
        .cld_color {
          color: #ffb11b;
          margin-left: 10px;
        }
        .cld_color2 {
          color: #56b44a;
          margin-left: 10px;
        }
      }
      .special {
        background: #dc4444;
        color: #fff;
        font-size: 13px;
        padding: 2px 4px;
      }
    }
    .cdright {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  .ivu-card-extra {
    top: 11px;
    .conButtons {
      display: flex;
      flex-direction: row;
      .buts {
        padding: 4px 8px;
        background: #f5f5f5;
        font-size: 14px;
        color: #666666;
        margin-right: 10px;
        cursor: pointer;
        border-radius: 3px;
      }
      .chooseButs {
        background: #3f8fe0;
        color: #fff;
      }
    }
  }
  .ivu-card-body {
    background: #f9f9f9;
    .contentDiv {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      .con {
        width: 32.5%;
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        position: relative;
        cursor: pointer;
        .colorLabel {
          display: block;
          width: 40px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          font-size: 14px;
          color: #fff;
          position: absolute;
          top: 0;
          left: 16px;
        }
        .times {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-top: 18px;
          margin-bottom: 18px;
          line-height: 18px;
          .timesLeft {
            font-size: 16px;
            color: #666666;
          }
          .timesRight {
            font-size: 18px;
            color: #3f8fe0;
          }
        }
        .conText {
          font-size: 20px;
          color: #222222;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
        .needExplain {
          color: #dc4444;
        }
      }
      .con:nth-child(1), .con:nth-child(2), .con:nth-child(3) {
        margin-top: 0;
      }
      .more {
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        color: #999999;
        background: #fff;
        margin-top: 16px;
        cursor: pointer;
      }
    }
  }
  @media screen and (min-width: 0px) and (max-width: 1400px) {
    .staffLeft {
      display: none;
    }
    .staffRight {
      width: 100%;
    }
    #menuCol {
      padding-left: 10% !important;
    }
    #mainTitle{
      margin: 4px 0 !important;
      .back{
        line-height: 40px !important;
      }
    }
    .titleBackH2{
      height: 4rem !important;
      .tb_top{
        margin-top: 0.5rem !important;
        margin-bottom: 0 !important;;
      }
      .buttons{
        button{
          width: 3.5rem !important;
          padding-left: 0 !important;
          padding-right: 0 !important;
          text-align: center !important;
        }
      }
    }
    .contenthf{
      height: 26rem !important;
      overflow-y: auto;
      .point{
        height: 13rem !important;
      }
    }
    .teams{
      right: 110% !important;
    }
    .redios{
      right: 64% !important;
      top: 10% !important;
      label{
        padding: 0 6px !important;
      }
    }
    .buttons{
      padding: 0 !important;
      button:nth-child(3) {
        margin-right: 0 !important;
      }
    }
  }
</style>
